<template>
  <div class="nav-container">
    <sub-nav :navList="nav" v-if="nav"></sub-nav>
    <div class="nav-container__inner">
      <slot></slot>
    </div>
  </div>
</template>

<script>


  export default {
    name: "nav-container",

    props: ['nav'],
  };
</script>
<style lang="scss" scoped>
  @include b(nav-container) {
    width: 100%;

    @include e(inner) {
      @include main-center(1200px);
      box-sizing: border-box;
      padding-top: 30px;
      padding-bottom: 30px;
    }
  }
</style>
